<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Soundcloud-podcast</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
   <div class="container">
       <header id="menu" class="header">
           <nav class="topnav">
               <ul class="sitenav">
                   <li><span>Podcasting</span></li>
                   <li><a href="">Why SoundCloud?</a></li>
                   <li><a href="">
Getting started
</a></li>
                   <li><a href="">More info </a></li>
               </ul>
           </nav>
           <a href="" class="headerlogo"></a>
           <div class="podcast_banner">
               <div class="banner"> 
                   <h1 class="banner_title">Podcasting<br>
                   <span>on SoundCloud</span>
                   </h1>
                   <h2 class="banner_tagline">Tell stories. Upload. Share.</h2>
                   <div class="banner_actions">
                       <a href="" class="upload_button">Upload for free</a>
                   </div>
               </div>
           </div>
       </header>
       <div id="mainContent">
           <div class="podcast_wrapper">
             <div id="why" class="podcast_module">
                   <div class="listingModule sc-clearfix">
                       <h2>Why SoundCloud?</h2>
                       <div class="listingModule_figures sc-clearfix">
                           <div class="listingModule_figure">
                               <div class="factFigure">
                                   <div class="factFigure_title">12h</div>
                                   <div class="factFigure_subtitle">of audio uploaded every minute</div>
                               </div>
                           </div>
                           <div class="listingModule_figure">
                               <div class="factFigure">
                                   <div class="factFigure_title">12h</div>
                                   <div class="factFigure_subtitle">of audio uploaded every minute</div>
                               </div>
                           </div>
                           <div class="listingModule_figure">
                               <div class="factFigure">
                                   <div class="factFigure_title">12h</div>
                                   <div class="factFigure_subtitle">of audio uploaded every minute</div>
                               </div>
                           </div>
                       </div>
                       <div class="listingModule_items sc-clearfix">
                           <div class="listingModule_item">
                               <h3>Easy.</h3>
                           <p>We did the complicated stuff so you don’t have to. Upload to one place, and your podcast will play anywhere on the web, as well as in podcast apps.</p>
                           </div>
                           <div class="listingModule_item">
                               <h3>Easy.</h3>
                           <p>We did the complicated stuff so you don’t have to. Upload to one place, and your podcast will play anywhere on the web, as well as in podcast apps.</p>
                           </div>
                           <div class="listingModule_item">
                               <h3>Easy.</h3>
                           <p>We did the complicated stuff so you don’t have to. Upload to one place, and your podcast will play anywhere on the web, as well as in podcast apps.</p>
                           </div>
                       </div>
                   </div>
                   
               </div>
               <div class="podcast_module">
                  <div class="testimonialModule sc-clearfix">
                      <div class="testimonialModule_audio">T</div>
                      <blockquote>
                          <p>We were looking for a new platform to launch the shows, and what we found out we got was a community.</p>
                          <footer class="testimonialModule_footer">
                              -
                              <cite>
                                 Chis Morrow,
                                  <br>
                                  Co-founder
                               </cite>
                          </footer>
                      </blockquote>
                  </div>
               </div>
               <div class="podcast_module">
                   <div class="featuresModule sc-clearfix">
                       <div class="featuresModule_image">
                           <div class="featuresModule_image_sample"><img src="" alt=""></div></div>
                       <div class="sc-media-content">
                           <ul>
                               <li>
                                   <h3>Embeddable players.</h3>
                                   <p>Share your tracks anywhere on the web, while maintaining control and insight into play activity. </p>
                               </li>
                               <li>
                                   <h3>Twitter cards.</h3>
                                   <p>Sharing your episodes in people’s Twitter streams is as easy as copy/paste. In fact, we have seamless integrations with all major social networks. </p>
                               </li>
                               <li>
                                   <h3>Timed comments.</h3>
                                   <p>Get even closer to your audience. See what they have to say about your podcast throughout each episode, and respond! Whoever said hearing a podcast is a solitary experience wasn’t hearing a podcast on SoundCloud. </p>
                               </li>
                           </ul>
                       </div>
                   </div>
               </div>
               <div id="getting-started" class="podcast_module">
                   <div class="listingModule">
                       <h2>Getting started</h2>
                       <div class="listingModule_items">
                           <div class="listingModule_item">
                               <h3>1. Create an account.</h3>
                               <p>If you haven’t created a SoundCloud profile, head to SoundCloud.com and set one up. It’s free.</p>
                           </div>
                           <div class="listingModule_item">
                               <h3>1. Create an account.</h3>
                               <p>If you haven’t created a SoundCloud profile, head to SoundCloud.com and set one up. It’s free.</p>
                           </div>
                           <div class="listingModule_item">
                               <h3>1. Create an account.</h3>
                               <p>If you haven’t created a SoundCloud profile, head to SoundCloud.com and set one up. It’s free.</p>
                           </div>
                       </div>
                   </div>
                   
                   </div>
               <div  class="podcast_module">
                   <div class="mediaModule">
                       <div class="mediaModule_content">
                           <h3></h3>
                           <p></p>
                           <div class="mediaModule_actions"><a href=""></a><a href=""></a></div>
                            
                       </div>
                       <div class="mediaMoudle_media"></div>
                   </div>
               </div>
               <div id="more-info" class="podcast_module">
                  <div class="faqModule">
                      <h2></h2>
                      <ul>
                          <li></li>
                          <li></li>
                          <li></li>
                      </ul>
                  </div>
               </div>
           </div>
       </div>
       <footer>
           <ul></ul>
           <p></p>
           <p></p>
       </footer>
   </div>
</body>
</html>